<template>
  <a-modal
    title=""
    :visible="printFormVisible"
    :maskClosable="false"
    :closable="true"
    :destroyOnClose="true"
    width="100%"
    :dialog-style="{ margin: '0 auto' }"
    wrapClassName="form-modal-Lu"
    @cancel="closeVisible">
    <template slot="footer" style="text-align:center;">
      <a-button @click="closeVisible" type="primary">关闭</a-button>
    </template>
    <a-tabs type="card" v-if="printFormVisible">
      <a-tab-pane key="1" tab="销假表">
        <div class="print-div-shu" id="printTest">
          <div v-for="item in printList" style="height: 1122.5px;">
            <h1 class="h1-page">自治区食品药品审评查验中心<br/>干部职工离岗请示（请假）登记表</h1>
            <table border="1" cellspacing="0" class="table-Lu lgsq-table">
              <tr>
                <th>填报部门</th>
                <td >{{ item.ftbbm }}</td>
                <th >报送时间</th>
                <td >{{ item.fbssj }}</td>
              </tr>
              <tr>
                <th>姓名</th>
                <td >{{ item.fxm }}</td>
                <th >职务</th>
                <td >{{ item.fzw }}</td>
              </tr>
              <tr>
                <th>离岗（请假）类型</th>
                <td >{{ item.flglx }}</td>
                <th >离开时长</th>
                <td >{{ item.flksj }}小时</td>
              </tr>
              <tr>
                <th>离岗（请假）理由</th>
                <td colspan="3" class="text-align-left">
                  {{ item.flgsy }}
                </td>
              </tr>
              <tr>
                <th>离岗时间</th>
                <td >{{ item.flgsj }}</td>
                <th >回岗时间</th>
                <td >{{ item.fhgsj }}</td>
              </tr>
              <tr>
                <th>科室审批</th>
                <td colspan="3">
                  <p class="text-align-left">{{ item.fksfzryj }}</p>
                  <div v-if="item.fksfzryj" class="yjqm-right-bottom">
                    <img v-if="item.fksfzrqmsj && getUrl('科室审批')" :src="getUrl('科室审批')" alt="" class="yjqmImg"/>
                    <span v-else >{{ item.fksfzrqm }}</span>
                    {{ item.fksfzrqmsj }}
                  </div>
                </td>
              </tr>
              <tr>
                <th>分管领导审批</th>
                <td colspan="3">
                  <p class="text-align-left">{{ item.ffgldyj }}</p>
                  <div class="yjqm-right-bottom">
                    <img v-if="item.ffgldqmsj && getUrl('分管领导审批')" :src="getUrl('分管领导审批')" alt="" class="yjqmImg"/>
                    <span v-else >{{ item.ffgldqm }}</span>
                    {{ item.ffgldqmsj }}
                  </div>
                </td>
              </tr>
              <tr>
                <th>销假</th>
                <td colspan="3">
                  <p v-if="item.fxjsj" class="text-align-left">确认销假</p>
                  <div class="yjqm-right-bottom">
                    <img v-if="item.fxjsj && getUrl('销假')" :src="getUrl('销假')" alt="" class="yjqmImg"/>
                    <span v-else >{{ item.fxjr }}</span>
                    {{ item.fxjsj }}
                  </div>
                </td>
              </tr>
              <tr>
                <th>备注</th>
                <td colspan="3">
                  <p style="text-align: left;line-height: 2.5;font-size: 16px;">
                    1.因公离岗在南宁市范围内参加外单位(部门)委派工作的,须附相关证明材料。
                      离岗1日以内(含1日)须由本科室负责人签署意见,报分管领导审批,1日以上须加报中心主任审批;<br/>
                    2.因私离岗2小时以内(含2小时)须经本科室负责人审核,并报分管领导批准;<br/>
                    3.请假结束需本人按时到办公室销假;<br/>
                  </p>
                </td>
              </tr>
            </table>
          </div>
        </div>
      </a-tab-pane>
      <a-button
        id="printBtn"
        slot="tabBarExtraContent"
        type="primary"
        v-print="printObj"
        class="blue-btn"
        style="margin-right: 80px;">
        打印
      </a-button>
    </a-tabs>
  </a-modal>
</template>
<script>
export default {
  props:{
    printList:{
      type:[Array,Object],
      default: () => {},
      required:false
    },
    imgList:{
      type:[Array,Object],
      default: () => {},
      required:false
    },
  },
  data() {
    return {
      printFormVisible: false,
      printObj:{
        id:"printTest", //需要打印的id名称
        popTitle:"干部职工离岗请示（请假）登记表",//文档的名称
        // preview:true,//预览功能，不好用
        zIndex:'20002',
        beforeOpenCallback(vue){},
        openCallback (vue) {//打开之前
        },
        closeCallback (vue) {//关闭了打印工具
        },
      },
    }
  },
  methods: {
    closeVisible(){
      this.printFormVisible = false
      this.printList = []
    },
    getUrl(ids){
      let url = ''
      this.imgList.forEach(item => {
        if(item.fhjmc == ids){
          url = item.url
        }
      })
      return url
    },
  },
}
</script>
<style>
@import url('../../css/oaLess.css');
@import url('../../css/oaClass.css');
</style>
